﻿<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>BIG DEAL</title>
		<link href="ctsp-styles.css" rel="stylesheet" type="text/css">
        <link rel="shortcut icon" href="../favicon.ico"> 
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/modernizr.custom.63321.js"></script>
  
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="js/bjqs-1.3.min.js"></script>

	</head>
	<body>
                <div id="banner-slide">

                <ul class="bjqs">
                <li><a href="#"><img src="images/banner01.jpg" title="Thông tin hình 1"></a></li>
                <li><img src="images/banner02.jpg" title="Thông tin hình 2"></li>
                <li><img src="images/banner03.jpg" title="Thông tin hình 3"></li>
                </ul>

                </div>

            <script>
                jQuery(document).ready(function ($) {

                    $('#banner-slide').bjqs({
                        animtype: 'slide',
                        height: 320,
                        width: 620,
                        responsive: true,
                        randomstart: true
                    });

                });
            </script>

		<form method="get" action="/search" id="search">
  			<input name="q" type="text" size="40" placeholder="Search..." />
		</form>
		<div style="clear:both;"></div>
        <div class="container">	
			<div class="codrops-top clearfix">
				<a href="#TRANGCH_2"><strong>&laquo; HOTLINE: </strong>0988849124-0902767830</a>
				<span class="right"><a href="#"><strong>Login</strong></a><a href="#ANGK_0"><strong>Đăng Kí</strong></a></span>
			</div>
			<header class="clearfix">
				<h1>BIG DEAL <span>GIÁ SỐC TẬN ÓC</span></h1>
			</header>
			<div class="main">
				<div id="mi-slider" class="mi-slider">
					<ul>
						<li><a href="#"><img src="images/1.jpg" alt="img01"><h4>1</h4></a></li>
						<li><a href="#"><img src="images/2.jpg" alt="img02"><h4>2</h4></a></li>
						<li><a href="#"><img src="images/3.jpg" alt="img03"><h4>3</h4></a></li>
						<li><a href="#"><img src="images/4.jpg" alt="img04"><h4>4</h4></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/5.jpg" alt="img05"><h4>1</h4></a></li>
						<li><a href="#"><img src="images/6.jpg" alt="img06"><h4>2 &amp; 3</h4></a></li>
						<li><a href="#"><img src="images/7.jpg" alt="img07"><h4>4</h4></a></li>
						<li><a href="#"><img src="images/8.jpg" alt="img08"><h4>5</h4></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/9.jpg" alt="img09"><h4>1</h4></a></li>
						<li><a href="#"><img src="images/10.jpg" alt="img10"><h4>2</h4></a></li>
						<li><a href="#"><img src="images/11.jpg" alt="img11"><h4>3</h4></a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="images/12.jpg" alt="img12"><h4>1</h4></a></li>
						<li><a href="#"><img src="images/13.jpg" alt="img13"><h4>2</h4></a></li>
						<li><a href="#"><img src="images/14.jpg" alt="img14"><h4>3</h4></a></li>
						<li><a href="#"><img src="images/15.jpg" alt="img15"><h4>4</h4></a></li>
					</ul>
					<nav>
						<a href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
					</nav>
				</div>
			</div>
		</div><!-- /container -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<script src="js/jquery.catslider.js"></script>
		<script>
		    $(function () {

		        $('#mi-slider').catslider();

		    });
		</script>
		<div id="background">
			<div id="Background"><img src="images/Background.png"></div>
			<div id="Layer36"><img src="images/Layer36.png"></div>
			<div id="Layer12"><img src="images/Layer12.png"></div>
			<div id="Layer2copy"><img src="images/Layer2copy.png"></div>
			<div id="Layer19"><img src="images/Layer19.png"></div>
			<div id="Layer7copy"><img src="images/Layer7copy.png"></div>
			<div id="TRANGCH"><a href="#"><img src="images/TRANGCH.png"></a></div>
			<div id="Layer12copy"><img src="images/Layer12copy.png"></div>
			<div id="Layer2copy2"><img src="images/Layer2copy2.png"></div>
			<div id="Layer19copy"><img src="images/Layer19copy.png"></div>
			<div id="Layer7copy3"><img src="images/Layer7copy3.png"></div>
			<div id="DEALHMNAY"><a href="#Y"><img src="images/DEALHMNAY.png"></a></div>
			<div id="TRANGCH_0"><a href="#"><img src="images/TRANGCH_0.png"></a></div>
			<div id="ANGK"><a href="#"><img src="images/ANGK.png"></a></div>
			<div id="TRGIP"><a href="#"><img src="images/TRGIP.png"></a></div>
			<div id="Layer7copy4"><img src="images/Layer7copy4.png"></div>
			<div id="gototopcopy"><a href="#"><img src="images/gototopcopy.png"></a></div>
			<div id="Layer7copy4_0"><img src="images/Layer7copy4_0.png"></div>
			<div id="gototopcopy_0"><a href="#"><img src="images/gototopcopy_0.png"></a></div>
			<div id="DEALHMNAY_2"><a href="#"><img src="images/DEALHMNAY_2.png"></a></div>
			<div id="TRGIP_2"><a href="#"><img src="images/TRGIP_2.png"></a></div>
			<div id="ANGK_1"><a href=""><img src="images/ANGK_1.png"></a></div>
            <div id="Layer32"><img src="images/Layer32.png"></div>
            <div id="layer_58"><img src="images/layer_58.png"></div>
            <div id="Ellipse5"><img src="images/Ellipse5.png"></div>
            <div id="MINPHVNCHUYNTRONGTHN"><img src="images/MINPHVNCHUYNTRONGTHN.png"></div>
            <div id="layer_57"><img src="images/layer_57.png"></div>
            <div id="Ellipse5copy"><img src="images/Ellipse5copy.png"></div>
            <div id="HOTLINE0988849124090"><img src="images/HOTLINE0988849124090.png"></div>
		</div>
        <div class="ctsp">
						<h1 class="product-title" style="font-family:Comic Sans;color:#00aaf1;margin-top:45px;margin-left:50px">Chi tiết sản phẩm</h1>	
						<div class="proc-rela">
                                <table class="detail_table">
                                    <tr>
                	                    <td class="left"><strong>Thông tin 1</strong></td>
                                        <td  class="right">Nội dung</td> 
                                                        
                                    </tr>
                                    <tr>
                	                    <td class="left"><strong>Thông tin 2</strong> </td>
                                        <td  class="right">Nội dung</td>                
                                    </tr>
                                    <tr>
                	                    <td class="left"><strong>Thông tin 3</strong> </td>
                                        <td  class="right">Nội dung</td>                
                                    </tr>
                                    <tr>
                	                    <td class="left"><strong>Thông tin 4</strong></td>
                                        <td  class="right">Nội dung</td>                
                                    </tr>
                                    <tr>
                	                    <td class="left"><strong>Thông tin 5</strong></td>
                                        <td  class="right">Nội dung</td>                
                                    </tr>
                                  
                                    <tr>
                	                    <td class="left1"><strong>Thông tin 6</strong></td>
                                        <td  class="right1" style="color:red">Nội dung</td>                
                                    </tr>
                                 </table>

                            </div>  				
            </div>
        <div class="nhanxet">
        <h1 class="product-title" style="font-family:Comic Sans;color:#00aaf1;margin-top:45px;margin-left:50px;">Gửi nhận xét của bạn</h1>
						<div class="proc-rela">
                            <div class="nhanxet2">
						<form action="#" method="post">
						<ul >
							<li>
							<span></span>
							<strong style="font-family:Comic Sans;font-size: 18px;">1.Đánh giá sản phẩm:</strong>
							</li>
						
							<li>
							<label>
							<span style="font-family:Comic Sans;font-size: 18px;"><strong>2.Tiêu đề nhận xét:</strong></span></label>
							<br>
							<input tabindex="1" name="title" id="summary_field" class="input-review" value="" type="text"></input>
							</li>
							
							<li>
							<label>
							<span style="font-family:Comic Sans;font-size: 18px;"><strong>3.Viết nhận xét của bạn vào bên dưới:</strong></span></label>
							<br>
							<textarea tabindex="2" class="text-area-review" name="detail" id="review_field" placeholder="Nhập nội dung nhận xét tại đây. Tối thiểu 100 từ, tối đa 2000 từ"></textarea>
							<div style="text-align: right;margin: 10px 0;font-weight: bold;">	
													<div style="float:right;padding-right:180px">
						                            	<button tabindex="3" type="submit" class="button-review"><span>Gửi nhận xét</span></button>
						                            </div>
                            </div >
							</li>
						</ul>
						</form>
					        </div>
                        </div>
            </div>
        <div class="sanphamcungloai">
        <h1 class="product-title" style="font-family:Comic Sans;color:#00aaf1;margin-top:45px;margin-left:50px;">Sản Phẩm Cùng Loại</h1>
						<div class="proc-rela">
						<div class="hinhspcl">
							<div class="new_prod_box" style="padding:10px 6px 35px;">
									<div class="related_prod_bg">
						                <div class="related_prod_img">
						                <a href="#"><img src="images/hihi.jpg" class="thumb"></a>
						                <a href="" style="font-size:14px;padding: 5px 0px 2px;">Sản Phẩm 1</a>
						                <a style="color:red;font-size:14px;padding:0px">Giá:100000 Vnđ</a>
						                </div>
						
					
					                </div>
						
							</div>
							<div class="new_prod_box" style="padding:10px 6px 35px;">
									<div class="related_prod_bg">
						                <div class="related_prod_img">
						                <a href="#"><img src="images/hihi.jpg" class="thumb"></a>
						                <a href="" style="font-size:14px;padding: 5px 0px 2px;">Sản Phẩm 1</a>
						                <a style="color:red;font-size:14px;padding:0px">Giá:100000 Vnđ</a>
						                </div>
						
					
					                </div>
						
							</div>
							<div class="new_prod_box" style="padding:10px 6px 35px;">
									<div class="related_prod_bg">
						                <div class="related_prod_img">
						                <a href="#"><img src="images/hihi.jpg" class="thumb"></a>
						                <a href="" style="font-size:14px;padding: 5px 0px 2px;">Sản Phẩm 1</a>
						                <a style="color:red;font-size:14px;padding:0px">Giá:100000 Vnđ</a>
						                </div>
						
					
					                </div>
						
							</div>
							<div class="new_prod_box" style="padding:10px 6px 35px;">
									<div class="related_prod_bg">
						                <div class="related_prod_img">
						                <a href="#"><img src="images/hihi.jpg" class="thumb"></a>
						                <a href="" style="font-size:14px;padding: 5px 0px 2px;">Sản Phẩm 1</a>
						                <a style="color:red;font-size:14px;padding:0px">Giá:100000 Vnđ</a>
						                </div>
						
					
					                </div>
						
							</div>
							
						</div>
                            </div>
            </div>
       <div class="thaoluan">
		<h1 class="product-title" style="font-family:Comic Sans;color:#00aaf1;margin-top:45px;margin-left:50px;">Thảo luận</h1>
			<div class="proc-rela" style="padding-bottom: 35px;">
						
			<div class="fb-comments" data-href="http://localhost:8080/BigDeal/chitietsanpham.html" data-width="960" data-numposts="5" data-colorscheme="light"></div>
						
	   </div>
	   </div>
	   <script>(function (d, s, id) {
                                var js, fjs = d.getElementsByTagName(s)[0];
                                if (d.getElementById(id)) return;
                                js = d.createElement(s); js.id = id;
                                js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
                                fjs.parentNode.insertBefore(js, fjs);
                                }(document, 'script', 'facebook-jssdk'));

    </script>
 </body>
 </html>